<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel='stylesheet' type='text/css' href="css/reset.css" />
  	<link rel='stylesheet' type='text/css' href="themes/ui-lightness/jquery-ui-1.8.12.custom.css" />

	<link rel='stylesheet' type='text/css' href="css/jquery.weekcalendar.css" />
	<link rel='stylesheet' type='text/css' href="css/demo.css" />
									
	<link rel='stylesheet' type='text/css' href="css/default.css" />
    
    

   <script type='text/javascript' src="js/jquery-1.6.2.min.js"></script>
    <script type='text/javascript' src="js/jquery-ui-1.8.11.custom.min.js"></script>
	
	<script type="text/javascript" src="js/date.js"></script>
   
	<script type='text/javascript' src="js/jquery.weekcalendar.js"></script>
	<script type='text/javascript' src="js/generalvisit.js"></script>

</head>
<body> 

<div id="show" class="ui-state-highlight"></div>

	<h1 class="ui-widget-header" style="text-align:center">会 议 室 预 约</h1>
	<div id="about_button_container">    
        <button type="button" id="allbook_button">预约列表</button>		
        <button type="button" id="about_button">关于</button>
        <button type="button" id="login_button">登录</button>  
	</div>
    
         <div class="ui-helper-clearfix">
            <span class="ui-icon ui-icon-person" style="float:left;"></span>
            <span id="usertype" style="margin-left: .3em;">
                	游客，您好
            </span>
            <span style="float: right;margin-right:30px">

                	当前日期：{$today}
            </span>
        </div>
<div style="height:10px;width:100%;clear:both;"></div>
<span>选择教室：</span>   
<select id="selectRoom" name="selectRoom">
{loop="$rooms"}
<option value="{$value}">{$value}</option>
{/loop}
</select> 


<div style="height:3px;width:100%;clear:both;"></div>

    
	<div id='calendar'></div>

	<div id="about">
		<h2>说明</h2>
				<p>1、颜色说明：
                  <div class="warner">蓝色&nbsp; &nbsp;－－可编辑；<br />
                  		青绿色－－未过期预约，但不可编辑；<br />
                 		灰色&nbsp; &nbsp;－－过期预约
                  </div>
                </p>
				<p>2、管理员要创建新教室预约表时，格式为<span class="warner">“楼号-教室号”，其中楼号为1~99，教室号是整数</span>即可，两者用“-”连接</p>
				<p>3、游客只能浏览，不可操作。本部门只能操作自己部门的预约（蓝色）</p>
		<h2>声明</h2>
				<p>
				此预约系统由于刚上线，缺少测试。因此可能存在不稳定现象，出现异常请联系管理员。</p>
                <span class="warner">尚未解决的BUG：奇葩的IE6不支持日历，请使用其它浏览器。</span>
                <p>由此带来的不便，深表歉意！</p>
	</div>


	<div id="login">
			<form method="post" action="action/login.php">
				<label for="username">用户名：</label>
				<input name="username" /><br/>
			
				<label for="password">密　码：</label>
				<input name="password" type="password" />
                <div id="error" class="ui-state-error"></div>
		</form>
	</div>
    
    

</body>
</html>
